<template>
	<view class="page">
		<view class="tittle">
			发布您感兴趣的内容
		</view>
		<view class="item between">
			<view class="">
				<view class="bigfont">
					发布送养
				</view>
				<view class="smallfont">
					请填写真实宠物信息和个人信息
				</view>
			</view>
			<view class="">
				<view class="anniu align center" @click="fabu(1)">
					去发布
				</view>
			</view>
		</view>
		<view class="item between">
			<view class="">
				<view class="bigfont">
					发布寻宠
				</view>
				<view class="smallfont">
					丢失或捡到宠物，您可以在这里发布
				</view>
			</view>
			<view class="">
				<view class="anniu align center" @click="fabu(2)">
					去发布
				</view>
			</view>
		</view>
		<view class="item between">
			<view class="">
				<view class="bigfont">
					宠物配对
				</view>
				<view class="smallfont">
					宠物需要配对，您可以在这里发布
				</view>
			</view>
			<view class="">
				<view class="anniu align center" @click="fabu(3)">
					去发布
				</view>
			</view>
		</view>
		<view class="item between">
			<view class="">
				<view class="bigfont">
					宠物活动
				</view>
				<view class="smallfont">
					系列活动，您可以在这里发布
				</view>
			</view>
			<view class="">
				<view class="anniu align center" @click="fabu(4)">
					去发布
				</view>
			</view>
		</view>
		<view class="item between">
			<view class="">
				<view class="bigfont">
					信息咨询
				</view>
				<view class="smallfont">
					信息咨询，您可以在这里发布
				</view>
			</view>
			<view class="">
				<view class="anniu align center" @click="fabu(5)">
					去发布
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			fabu(type) {
				if (type == 1) {
					uni.navigateTo({
						url: '/pages/release/index'
					})
				} else if (type == 2) {
					console.log(type)
					uni.navigateTo({
						url: '/pages/release/indexForm'
					})
			}else if (type == 3) {
				console.log(type)
					uni.navigateTo({
						url: '/pages/release/peidui'
					})
			}
			else if (type == 4) {
				console.log(type)
					uni.navigateTo({
						url: '/pages/release/huodong'
					})
			}else if (type == 5) {
				console.log(type)
					uni.navigateTo({
						url: '/pages/release/zixun'
					})
			}
		}
	},
}
</script>

<style scoped>
	.item{
		margin-top: 20rpx;
	}
	.bigfont{
		font-size: 18px;
		font-weight: bold;
	}
	.smallfont{
		font-size: 14px;
		color: #bfbfbf;
	}
	.anniu{
		width: 150rpx;
		height: 60rpx;
		border-radius: 50px;
		background-color: #FF8297;
		color: #fff;
	}
	.item{
		width: 100%;
		padding: 30rpx;
		box-sizing: border-box;
		background-color: #f2f2f2;
	}
	.page{
		padding: 20px;
		box-sizing: border-box;
	}
	.tittle{
		font-size: 24px;
		font-weight: bold;
	}
</style>